$moduleBackColor: rgba(#000, 0.5);
$moduleBorderWholeColor: rgba(#31cee6, 0.5);
$moduleBorderSideColor: #31cee6;
// position
@mixin absoluteAllSides($top: 0, $right: 0, $bottom: 0, $left: 0, $z: 0) {
  position: absolute;
  top: $top + px;
  right: $right + px;
  bottom: $bottom + px;
  left: $left + px;
  z-index: $z;
}

@mixin absoluteTopLeft($top, $left) {
  position: absolute;
  top: $top;
  left: $left;
}

// flex
@mixin inlineFlex {
  display: inline-flex;
}

@mixin inlineFlex-ic {
  display: inline-flex;
  align-items: center;
}

@mixin flex {
  display: flex;
}

@mixin flex-dc {
  display: flex;
  flex-direction: column;
}

@mixin flex-dc-ic {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@mixin flex-ic {
  display: flex;
  align-items: center;
}

@mixin flex-ic-jc {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin flex-ic-jsa {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

@mixin flex-ic-jsb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@mixin flex-js {
  display: flex;
  justify-content: flex-start;
}

@mixin flex-jc {
  display: flex;
  justify-content: center;
}

@mixin flex-je {
  display: flex;
  justify-content: flex-end;
}

@mixin flex-dr-js-ic {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

@mixin flex-dr-jsa {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

@mixin flex-dc-jsb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@mixin flex-dr-ic-jsa {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

@mixin flex-dr-ic-jsb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

@mixin flex-dr-ic-js {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

@mixin flex-dr-ic-jc {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@mixin flex-dr-ic-je {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

@mixin flex-dc-ic-jc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@mixin flex-dc-js {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@mixin flex-jsb {
  display: flex;
  justify-content: space-between;
}

// font
@mixin blod($size: 20px) {
  font-weight: bold;
  font-size: $size;
}

@mixin din($size) {
  font-family: DIN Condensed Bold;
  font-size: $size;
}

// background
.bgBlack-alpha3 {
  background-color: rgba(#000, .3);
}

// border
@mixin whole-border($color) {
  border: {
    width: 1px;
    style: solid;
    color: $color;
  }
}

@mixin bottom-border($color) {
  border-bottom: {
    width: 1px;
    style: solid;
    color: $color;
  }
}

@mixin border($width, $color, $direction) {
  @if $direction==whole {
    border: {
      width: $width;
      style: solid;
      color: $color;
    }
  }
  @else if $direction==top {
    border-top: {
      width: $width;
      style: solid;
      color: $color;
    }
  }
  @else if $direction==right {
    border-right: {
      width: $width;
      style: solid;
      color: $color;
    }
  }
  @else if $direction==bottom {
    border-bottom: {
      width: $width;
      style: solid;
      color: $color;
    }
  }
  @else if $direction==left {
    border-left: {
      width: $width;
      style: solid;
      color: $color;
    }
  }
}

.borderBot-alpha-2e3192 {
  border-bottom: 1px solid rgba(#2e3192, .5);
}

// borderRadius
@mixin rounded($radius) {
  border-radius: $radius;
}

// background-image
@mixin bgImg($class) {
  @if $class==ask {
    width: 21px;
    height: 21px;
    margin-left: 5px;
    background: url("../../../../../static/img/finan/ask_ico.png") left top no-repeat;
    cursor: pointer;
  }
  @else if $class==minLine {
    background: url("../../../../../static/img/bigData4/minLine.png") left top no-repeat;
  }
  background-size: 100% 100%;
}

@mixin moduleBg($type) {
  @if $type==bg_344x333 {
    background-image: url("/static/img/backImg/344x333.png");
  }
  @else if $type==bg_347x393 {
    background-image: url("/static/img/backImg/347x393.png");
  }
  @else if $type==bg_373x393 {
    background-image: url("/static/img/backImg/373x393.png");
  }
  @else if $type==bg_393x391 {
    background-image: url("/static/img/backImg/393x391.png");
  }
  @else if $type==bg_423x332 {
    background-image: url("/static/img/backImg/423x332.png");
  }
  @else if $type==bg_436x393 {
    background-image: url("/static/img/backImg/436x393.png");
  }
  @else if $type==bg_436x939 {
    background-image: url("/static/img/backImg/436x939.png");
  }
  @else if $type==bg_459x333 {
    background-image: url("/static/img/backImg/459x333.png");
  }
  @else if $type==bg_473x391 {
    background-image: url("/static/img/backImg/473x391.png");
  }
  @else if $type==bg_493x393 {
    background-image: url("/static/img/backImg/493x393.png");
  }
  @else if $type==bg_499x353 {
    background-image: url("/static/img/backImg/499x353.png");
  }
  @else if $type==bg_500x212 {
    background-image: url("/static/img/backImg/500x212.png");
  }
  @else if $type==bg_500x412 {
    background-image: url("/static/img/backImg/500x412.png");
  }
  @else if $type==bg_591x528 {
    background-image: url("/static/img/backImg/591x528.png");
  }
  @else if $type==bg_595x443 {
    background-image: url("/static/img/backImg/595x443.png");
  }
  @else if $type==bg_624x354 {
    background-image: url("/static/img/backImg/624x354.png");
  }
  @else if $type==bg_633x396 {
    background-image: url("/static/img/backImg/633x396.png");
  }
  @else if $type==bg_711x333 {
    background-image: url("/static/img/backImg/711x333.png");
  }
  @else if $type==bg_763x726 {
    background-image: url("/static/img/backImg/763x726.png");
  }
  @else if $type==bg_775x193 {
    background-image: url("/static/img/backImg/775x193.png");
  }
  @else if $type==bg_778x391 {
    background-image: url("/static/img/backImg/778x391.png");
  }
  @else if $type==bg_815x333 {
    background-image: url("/static/img/backImg/815x333.png");
  }
  @else if $type==bg_890x393 {
    background-image: url("/static/img/backImg/890x393.png");
  }
  @else if $type==bg_896x393 {
    background-image: url("/static/img/backImg/896x393.png");
  }
  @else if $type==bg_1030x393 {
    background-image: url("/static/img/backImg/1030x393.png");
  }
  @else if $type==bg_1198x443 {
    background-image: url("/static/img/backImg/1198x443.png");
  }
  @else if $type==bg_1205x193 {
    background-image: url("/static/img/backImg/1205x193.png");
  }
  @else if $type==bg_1294x192 {
    background-image: url("/static/img/backImg/1294x192.png");
  }
  @else if $type==bg_1357x393 {
    background-image: url("/static/img/backImg/1357x393.png");
  }
  @else if $type==bg_1420x393 {
    background-image: url("/static/img/backImg/1420x393.png");
  }
  @else if $type==bg_1812x433 {
    background-image: url("/static/img/backImg/1812x433.png");
  }
  @else if $type==bg_1813x213 {
    background-image: url("/static/img/backImg/1813x213.png");
  }
  @else if $type==bg_1813x393 {
    background-image: url("/static/img/backImg/1813x393.png");
  }
  @else if $type==bg_1813x792 {
    background-image: url("/static/img/backImg/1813x792.png");
  }
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
